<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <title>main</title>
<#include "/admin/main/include/link_head.ftl"/>
    <style type="text/css">
        .cal1 .clndr .clndr-controls .month {
            color: #fff;
        }

        .cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button {
            color: #fff;
        }

        .cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button {
            color: #fff;
        }
    </style>
</head>

<body class="jr-body">
<!-- main content start-->
<!-- page heading start-->
<div class="page-heading">
    <h3>
        Dashboard
    </h3>
</div>
<!-- page heading end-->

<!--body wrapper start-->
<div class="wrapper">
    <div class="row">
        <div class="col-md-8">
            <div class="panel">
                <header class="panel-heading">
                    待办事项
                </header>
                <div class="panel-body">
                    <ul class="to-do-list" id="sortable-todo">
                        <li class="clearfix">
                            <p class="todo-title">
                                Dashboard Design & Wiget placement
                            </p>
                            <div class="todo-actionlist pull-right clearfix">
                                <a href="#" class="todo-remove"><i class="fa fa-times"></i></a>
                            </div>
                        </li>
                        <li class="clearfix">
                            <p class="todo-title">
                                Wireframe prepare for new design
                            </p>
                            <div class="todo-actionlist pull-right clearfix">
                                <a href="#" class="todo-remove"><i class="fa fa-times"></i></a>
                            </div>
                        </li>
                        <li class="clearfix">
                            <p class="todo-title">
                                UI perfection testing for Mega Section
                            </p>
                            <div class="todo-actionlist pull-right clearfix">
                                <a href="#" class="todo-remove"><i class="fa fa-times"></i></a>
                            </div>
                        </li>
                        <li class="clearfix">
                            <p class="todo-title">
                                Wiget & Design placement
                            </p>
                            <div class="todo-actionlist pull-right clearfix">
                                <a href="#" class="todo-remove"><i class="fa fa-times"></i></a>
                            </div>
                        </li>
                        <li class="clearfix">
                            <p class="todo-title">
                                Development & Wiget placement
                            </p>
                            <div class="todo-actionlist pull-right clearfix">

                                <a href="#" class="todo-remove"><i class="fa fa-times"></i></a>
                            </div>
                        </li>
                    </ul>
                    <div class="row">
                        <div class="col-md-12">
                            <form role="form" class="form-inline">
                                <div class="form-group todo-entry">
                                    <input type="text" placeholder="Enter your ToDo List" class="form-control"
                                           style="width: 100%">
                                </div>
                                <button class="btn btn-primary pull-right" type="submit">+</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="panel">
                <div class="panel-body">
                    <div class="calendar-block ">
                        <div class="cal1"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--body wrapper end-->
</div>
<!-- main content end-->
</body>
</html>
<#include "/admin/main/include/link_foot.ftl"/>
<!--Calendar-->
<script src="<@spring.url '/admin/resources/plugins/${lang}/adminex/js/calendar/clndr.js' />"></script>
<script src="<@spring.url '/admin/resources/plugins/${lang}/adminex/js/calendar/evnt.calendar.init.js' />"></script>
<script src="<@spring.url '/admin/resources/plugins/${lang}/adminex/js/calendar/moment-2.2.1.js' />"></script>
<script src="<@spring.url '/admin/resources/plugins/${lang}/adminex/js/calendar/underscore-min.js' />"></script>